<!DOCTYPE html>
<style>
    body {
        margin: 0;
        padding: 0;
    }
    #container {
        position: relative;
        background: #ccc;
        font: 20px Ahem;
    }
    #floater {
        float: none;
    }
</style>
<body>
    <p> When a block element becomes a float we should not strip anonymous blocks wrapping its inline siblings if there are other blocks on the line.</p>
    <div id="container">
        <strong></strong>
        <p></p>
        <dd id="floater"></dd>
        <br>
    </div>
    <script>
        document.body.offsetTop;
        document.getElementById('floater').style.float = 'right';
    </script>
</body>


